﻿* { margin: 0; padding: 0; }
body{ color: #333; font-family: arial; font-size: 13px; }
.title{ font-style: 'Trebuchet MS',Arial,Helvetica,Sans-Serif; font-size: 26px; font-weight: normal; text-transform: uppercase; color: #CC0033; }
a { color: #CC0033; text-decoration: none; }
img { border: none; }

label{ color: #333; }
input[type="submit"],input[type="button"]{ padding: 5px 6px; font-size: 13px; font-family: Arial; color: white; cursor: pointer; border: 1px solid #9E004B; border-radius: 2px 2px 2px 2px; background: #CC0033; }
input[type="submit"]:hover,input[type="button"]:hover{ background: #CC0033; border: 1px solid #9E004B; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); color: white; }
input[type="submit"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner{ padding: 0; border: 0; }
input[type="text"],input[type="password"]{ width: 150px; padding: 3px; border: 1px solid #9E004B; }
input:hover[type="text"],input:hover[type="password"] { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset; }
input:focus[type="text"],input:focus[type="password"] { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset; }

html, body { height: 99%; }

#global-container { width: 100%; background: #EDEDED; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -100px; }
    #header-container { width: 100%; background: white; margin-top: 10px; margin-bottom: 20px; }
        #header-content { width: 1000px; height: 100px; margin: auto; }
            #header-image { width: 1000px; height: 70px; background: url('images/header.png'); background-repeat: no-repeat; }
            #header-menu { float: left; margin-left: 90px; }
		    #header-menu ul li { list-style: none; display: inline; }
		    #header-menu ul li a { padding: 14px 10px; background: white; color: #333; text-decoration: none; }
		    #header-menu ul li a:hover { color: #CC0033; }
		    #header-menu ul li a.current-menu-item { background: #EDEDED; color: #CC0033; }
            #header-account { float: right; color: #CC0033; }
    #content-container { width: 960px; min-height: 700px; margin: auto; padding: 20px 20px 0 20px; background: white; border-radius: 5px 5px 0 0; box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.15); }
        #account-gegevens label { font-weight: bold; }
        #container-blocks { width: 860px; height: 400px; margin: auto; margin-top: 40px; }
        #container-blocks div {width: 380px; height: 400px;  color: red; float:right; border-radius: 2px 2px 2px 2px;}
        #container-blocks img { border: 1px solid silver; box-shadow: 3px 6px 10px 0 lightgray; border-radius: 3px; margin-right:20px; margin-left:20px; }
        
#footer-container, #push { background : white; height: 100px; border-top: 3px solid #CC0033; }
    #footer-content { width: 1000px; margin: auto; }
    #footer-content #left { padding-top: 70px; float: left; }
    #footer-content #right { padding-top: 20px; float: right; }
    
    #presentie-container { width: 870px; height: 500px;}
        #presentie-container div { padding-right:40px; width:250px; height:500px;  float:left; margin:auto;}
        #presentie-container select { float:right;}
        #presentie-container p select { float:left;}
        #presentie-container textarea { margin-top:2px; height: 200px; width:250px; color:black; resize:none;}
    
    #docenten-container { width: 690px; margin: auto; margin-top: 50px; }
    #docenten-container table { border-collapse: collapse; }
    #docenten-container h1.title { font-size: 16px; font-weight: bold; }
    #docenten-container h1.title-zoekterm { font-size: 16px; font-style: italic; color: white; padding: 3px 0 3px 10px; margin-bottom: 30px; background: #CC0033; border-radius: 2px 2px 2px 2px; }
        #docenten-container input[type="submit"] { padding: 7px 8px; font-size: 16px; }
        #docenten-container .search { padding-right: 2px; padding-bottom: 30px; }
        #docenten-container .list th { font-size: 20px; color: #CC0033; padding-right: 60px; padding-bottom: 5px; }
        #docenten-container .list td { list-style: inside; color: #CC0033; border-bottom: 1px dotted #CC0033; }
        #search-bar { width: 600px; padding: 5px; font-size: 20px; }
        input::-webkit-input-placeholder { color: #999; }
        input:-moz-placeholder { color: #999; }
        input:-ms-input-placeholder { color: #999; }
        
        #docent-details { margin-left: 30px; margin-top: 30px; margin-right: 30px; font-size: 13px; color: #CC0033; }
        #docent-details #left { float: left; }
        #docent-details #left h1 { font-size: 16px; font-weight: bold; }
        #docent-details #left td { padding: 3px; }
        #docent-details #left td.left { padding-right: 40px; }
        #docent-details #left .spacing { height: 25px; }
        
        #docent-details #right { float: right; }
        #docent-details #right-table table { border-collapse: collapse; }
        #docent-details #right-table { float: right; width: 400px; }
        #docent-details #right-table ul { list-style: inside; }
        #docent-details #right-table h1{ font-size: 16px; }
        #docent-details #right-table table:first-child tr:first-child td:first-child{ border: 0; }
        #docent-details #right-table td { padding: 3px; border-bottom: 1px dotted #CC0033; }
        
        #presentielijst-create { margin: 50px 0 0 0; }
        #presentielijst-create td { padding: 0 0 2px 0; }
        #presentielijst-create select { padding: 2px; border: 1px solid #9E004B; min-width: 50px; }
        #presentielijst-create textarea { padding: 2px; border: 1px solid #9E004B; width: 300px; height: 150px; resize:none; }
        #presentielijst-create textarea:hover { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset; }
        #presentielijst-create textarea:focus { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset; }
        